@rem: 100rem;
.m-head{
    font-size: 30/@rem;
    color: #4e4e4e;
    text-align: center;
    padding-top: 70/@rem;
    padding-bottom: 30/@rem;
    .u-name{
        font-size: 60/@rem;
        color: #ba8655;
    }
}
.m-dial{
    
}
.m-link{
    font-size: 30/@rem;
    color: #4e4e4e;
    text-align: center;
    padding: 30/@rem 0;
    ._num{
        color: #ffffff;
        font-weight: bold;
        background: #ca3333;
        padding: 0 4/@rem;
        margin: 0 2/@rem;
    }
}
.m-notice{
    font-size: 24/@rem;
    color: #3d3d3d;
    padding: 0 64/@rem;
    ._wrap{
        margin-bottom: 10/@rem;
        background: #fff2e8;
        height: 50/@rem;
        &:last-child{
            padding: 0;
        }
    }
    ._adborn{
        padding: 0 14/@rem 0 24/@rem;
        width: 32/@rem;
        height: 30/@rem;
    }
}
.m-prizePop{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 9;
  .u-wrap{
      margin: 0 auto;
      width: 450/@rem;
      height: 350/@rem;
      background: #ffffff;
      border-radius: 60/@rem;
      text-align: center;
      position: relative;
      padding-top: 88/@rem;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      ._img{
        position: absolute;
        width: 320/@rem;
        height: 223/@rem;
        top: -116/@rem;
        left: 60/@rem;
      }
      ._title{
        font-size: 36/@rem;
        color: #ff2a2a;
      }
      ._spec{
        font-size: 26/@rem;
        color: #666666;
      }
      ._btn{
        margin: 0 auto;
        width: 280/@rem;
        height: 90/@rem;
        line-height: 90/@rem;
        background: #ff5252;
        font-size: 40/@rem;
        font-weight: bold;
        color: #ffffff;
        letter-spacing: 4/@rem;
        border-radius: 44/@rem;
      }
  }
}
.mr40{
    margin-right: 80/@rem;
}
.flexItemCenter{
    display: flex;
    align-items: center;
}
.fBold{
    font-weight: bold;
}
@keyframes white-to-yellow {
    0% {
      background: #fff;
    }
    100% {
      background: #d7a945;
    }
  }
  @keyframes heartbeat {
    0% {
      transform: scale(1);
    }
    25% {
      transform: scale(0.8);
    }
    50% {
      transform: scale(1.2);
    }
    75% {
      transform: scale(0.9);
    }
    100% {
      transform: scale(1);
    }
  }
.wrapper {
  padding: 40/@rem 80/@rem;
}

.fork-github {
  position: fixed;
  right: -200/@rem;
  top: 90/@rem;
  z-index: 9999;
  padding: 4/@rem 200/@rem;
  font-size: 24/@rem;
  background-color: #444;
  border: 2/@rem solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  text-align: center;
}

.fork-github a {
  color: #fff;
}

.gb-turntable a.gb-turntable-btn {
  border: none;
}


.turntable-wrap .light {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #b9906f,#f1d7be,#bb9374); 
    background: -webkit-linear-gradient(top,#b9906f,#f1d7be,#bb9374);
    animation: rotate 5s linear infinite;
  }
  .turntable-wrap .light span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 20/@rem;
    height: 100%;
    border-radius: 50%;
    transform-origin: center center;
  }
  .turntable-wrap .light span:before {
    content: '';
    position: absolute;
    top: 10/@rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 20/@rem;
    height: 20/@rem;
    border-radius: 50%;
  }
  .turntable-wrap .light span:nth-of-type(even):before {
    background: #fff;
    animation: white-to-yellow 1s linear infinite;
  }
  .turntable-wrap .light span:nth-of-type(odd):before {
    background: #d7a945;
    animation: white-to-yellow 1s linear reverse infinite;
}
.none{
  display: none;
}   